<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<script>
$(document).ready(function() {
    var max_fields      = 10; //maximum input boxes allowed
    var wrapper         = $(".input_fields_wrap"); //Fields wrapper
    var add_button      = $(".add_field_button"); //Add button ID
    
    var x = 1; //initlal text box count
    $(add_button).click(function(e){ //on add input button click
        e.preventDefault();
        if(x < max_fields){ //max input box allowed
            x++; //text box increment
            $(wrapper).append('<div><input type="text" onclick="openKCFinder(this)" placeholder="Tạo slide ảnh" style="cursor:pointer" class="form-control" name="slide_product[]"/><a href="#" class="remove_field">Remove</a></div>'); //add input box
        }
    });
    
    $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
        e.preventDefault(); $(this).parent('div').remove(); x--;
    })
});
</script>
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Quản lý sản phẩm
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i>Admins</a></li>
        <li><a href="#">Sản phẩm</a></li>
      </ol>
    </section>
    <?php if($temp['mess']!='')
    {
    ?>
    <div class="pad margin no-print">
          <div style="margin-bottom: 0!important;" class="callout callout-info">												
                <?php echo $temp['mess']; ?>
          </div>
    </div>    
    <?php
    }
    ?>
    <!-- Main content -->
    <section class="content">
        <!-- form start -->
        <form role="form" method="POST">
            <input type="hidden" name="ID_PRODUCT" value="<?php echo  $firstArray['ID_PRODUCT']; ?>" /> 
            <div class="row">
                    <!-- left column -->
                    <div class="col-md-6">
                      <!-- general form elements -->
                      <div class="box box-primary">
                        <div class="box-header">
                          <h3 class="box-title">Chỉnh sửa sản phẩm</h3>
                        </div><!-- /.box-header -->
                          <div class="box-body">
                            <!-- Name cat -->
                            <div class="form-group">
                              <label>Tên sản phẩm <i class="fa fa-asterisk"></i></label>
                              <input type="text" class="form-control" value="<?php echo  $firstArray['NAME_PRODUCT']; ?>" placeholder="Tên sản phẩm không được bỏ trống" name="NAME_PRODUCT" />
                            </div>
                            <div class="form-group">
                              <label>Mã sản phẩm</label>
                              <input type="text" class="form-control" value="<?php echo  $firstArray['CODE_PRODUCT']; ?>" placeholder="Mã sản phẩm" name="CODE_PRODUCT" />
                            </div>                        
                            <!-- select -->
                            <div class="form-group">
                              <label>Danh mục sản phẩm <i class="fa fa-asterisk"></i></label>
                              <select class="form-control" name="IDCAT_PRODUCT">
                                <?php
                                    if(count($allCat) > 0 )
                                    {
                                        foreach($allCat as $rows)
                                        {
                                        ?>
                                        <option value="<?php echo $rows['ID_CAT']; ?>" 
                                        <?php
                                            echo ($rows['ID_CAT'] == $firstArray['IDCAT_PRODUCT'])?"selected":"";
                                        ?>
                                        ><?php echo  $rows['NAME_CAT']; ?></option>
                                        <?php                                        
                                        }
                                    }
                                ?>
                              </select>
                            </div>                                                                                                                
                          </div><!-- /.box-body -->
                      </div><!-- /.box -->               
                    </div>
                    <!-- right column -->
                    <div class="col-md-6">
                      <!-- general form elements -->
                      <div class="box box-primary">
                        <div class="box-header">
                          <h3 class="box-title">Cấu hình dành cho SEO</h3>
                        </div><!-- /.box-header -->
                          <div class="box-body">                    
                            <!-- SEO -->
                            <div class="form-group">
                              <!-- Name cat seo-->
                              <input type="text" class="form-control" value="<?php echo  $firstArray['NAMESEO_PRODUCT']; ?>" placeholder="Tên sản phẩm" name="NAMESEO_PRODUCT"/>
                            </div>
                            <!-- Des seo -->
                            <div class="form-group">
                                <input type="text" class="form-control" value="<?php echo  $firstArray['DES_PRODUCT']; ?>" placeholder="Description sản phẩm" name="DES_PRODUCT"/>
                            </div>
                            <!-- keyword seo -->
                            <div class="form-group">
                                <input type="text" class="form-control" value="<?php echo  $firstArray['KEYWORD_PRODUCT']; ?>" placeholder="Keyword thêm với dấu phẩy:(điện thoại, di động)" name="KEYWORD_PRODUCT"/>
                            </div>
                          </div><!-- /.box-body -->
                      </div><!-- /.box -->               
                    </div>              
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary">
                        <div class="box-header">
                          <h3 class="box-title">Ảnh đại diện và slide ảnh</h3>
                        </div><!-- /.box-header -->
                          <div class="box-body">
                            <!-- Name cat -->
                            <div class="form-group">
                              <label>Ảnh đại diện cho sản phẩm</label>
                            <?php
                                if($firstArray['PHOTO_PRODUCT'])
                                {
                                ?>
                                <p class="images_upload">
                                <input type="text" class="form-control" readonly="readonly" onclick="openKCFinder(this)"
    placeholder="Click để chọn ảnh" style="cursor:pointer" name="PHOTO_PRODUCT" value="<?php echo $firstArray['PHOTO_PRODUCT']; ?>" />     
                                <img width="50" id="PHOTO_PRODUCT_IMG" src="<?php echo ($firstArray['PHOTO_PRODUCT']?DOMAIN.$firstArray['PHOTO_PRODUCT']:DOMAIN."/access/images/no-images.jpg"); ?>" />
                                <i class="fa fa-times" id="PHOTO_PRODUCT"></i>
                                </p>
                                <?php
                                }
                                else
                                {
                                ?>
                                <input type="text" readonly="readonly" onclick="openKCFinder(this)" placeholder="Click để chọn ảnh" style="cursor:pointer" class="form-control" name="PHOTO_PRODUCT" />
                                <?php
                                }
                            ?>                              
                            </div>                          
                            <div class="input_fields_wrap">
                                <label>Tạo slideshow ảnh cho sản phẩm</label>
                                <br />
                                <button class="add_field_button btn btn-primary btn-sm">Tạo slide ảnh sản phẩm</button>
                                <p></p>
                                <?php
                                if(count($allSlidePro)){
                                    foreach($allSlidePro as $rowsAlide){
                                ?>
                                <div>
                                    <img width="50" src="<?php echo ($rowsAlide['PHOTO_SLIDE']?DOMAIN.$rowsAlide['PHOTO_SLIDE']:DOMAIN."/access/images/no-images.jpg"); ?>" />                                    
                                    <input type="text" onclick="openKCFinder(this)" value="<?php echo $rowsAlide['PHOTO_SLIDE']; ?>" placeholder="Tạo slide ảnh" style="cursor:pointer" class="form-control" name="slide_product[]"/>
                                    <a class="remove_field" href="#">Remove</a>    
                                </div>
                                <?php
                                    }
                                }
                                else{
                                ?>
                                <div><input type="text" onclick="openKCFinder(this)" placeholder="Tạo slide ảnh" style="cursor:pointer" class="form-control" name="slide_product[]"/> </div>
                                <?php
                                }
                                ?>
                            </div>                                                                                                                                                                                                                                                 
                          </div><!-- /.box-body -->                                              
                    </div>
                </div>
            </div>            
            <!-- more add -->
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary">
                        <div class="box-header">
                          <h3 class="box-title">Thông tin thêm cho sản phẩm</h3>
                        </div><!-- /.box-header -->
                          <div class="box-body">
                            <!-- Name cat -->
                            <div class="form-group">
                              <label>Giá gốc (nhập mệnh giá VNĐ)<i class="fa fa-asterisk"></i></label>
                              <input type="text" class="form-control" value="<?php echo  $firstArray['PRICE_PRODUCT']; ?>" placeholder="Giá gốc sản phẩm không được bỏ trống" name="PRICE_PRODUCT" />
                            </div>
                            <div class="form-group">
                              <label>Giá đã giảm (nhập mệnh giá VNĐ)</label>
                              <input type="text" class="form-control" value="<?php echo  $firstArray['PRICESALE_PRODUCT']; ?>" placeholder="Giá đã giảm" name="PRICESALE_PRODUCT" />
                            </div>
                            <div class="form-group">
                              <label>Bảo hành (Không nhập mặc định là không có bảo hành)</label>
                              <input type="text" class="form-control" value="<?php echo  $firstArray['BH_PRODUCT']; ?>" placeholder="Nhập bảo hành là số ví dụ: 6 hoặc 12" name="BH_PRODUCT" />
                            </div>
                            <div class="form-group">
                              <label>Màu sắc (Nhập màu sắc của sản phẩm nếu có ví dụ: Trắng, đen, vàng,..)</label>
                              <input type="text" class="form-control" value="<?php echo  $firstArray['COLOR_PRODUCT']; ?>"  placeholder="Trắng, đen, vàng" name="COLOR_PRODUCT" />
                            </div>                                                      
                            <div class="form-group">
                              <label>Thông tin khuyến mại</label>
                              <textarea class="form-control" rows="3" name="INFO1_PRODUCT" placeholder="Nhập vào đây thông tin khuyến mại..."><?php echo  $firstArray['INFO1_PRODUCT']; ?></textarea>
                            </div>
                            <div class="form-group">
                              <label>Thông tin sản phẩm</label>
                              <textarea class="form-control" rows="3" name="CONTENT_PRODUCT" placeholder="Nhập vào đây thông tin sản phẩm..."><?php echo  $firstArray['CONTENT_PRODUCT']; ?></textarea>
                            </div>
                            <div class="checkbox">
                              <label>
                                <input type="checkbox" name="ACTIVE_PRODUCT" checked="<?php echo ($firstArray['ACTIVE_PRODUCT']==1?"checked":""); ?>"  /> Cho phép hiển thị
                              </label>
                            </div>
                            <div class="box-footer">
                                <button class="btn btn-primary" type="submit">Đăng sản phẩm</button>
                            </div>                                                                                                                                                                                                                                                                                                        
                          </div><!-- /.box-body -->                                              
                    </div>
                </div>
            </div>
        </form>        
    </section><!-- /.content -->
    <script>
        // Replace the <textarea id="editor1"> with a CKEditor
        // instance, using default configuration.
        CKEDITOR.replace( 'INFO1_PRODUCT' );
        CKEDITOR.replace( 'CONTENT_PRODUCT' );
    </script>
<script>
    $('form').validate({
        rules: {
       	    IDCAT_PRODUCT: {
                required: true
            },
           	NAME_PRODUCT: {
           	    minlength: 3,
           	    required: true
           	}
        },
        highlight: function(element) {
            $(element).closest('.form-group').addClass('has-error');
        },
        unhighlight: function(element) {
            $(element).closest('.form-group').removeClass('has-error');
        },
        errorElement: 'span',
        errorClass: 'help-block',
        errorPlacement: function(error, element) {
            if(element.parent('.input-group').length) {
                error.insertAfter(element.parent());
            } else {
                error.insertAfter(element);
            }
        }
    });
    $(document).ready(function(){
        $("#PHOTO_PRODUCT").click(function(){
            var x;
            if (confirm("Bạn muốn xóa ảnh?") == true) {
                $(".images_upload input[name='PHOTO_PRODUCT']").val("");
                $( ".images_upload img#PHOTO_PRODUCT_IMG" ).remove();
            }
        });        
    });    
</script>             
</div><!-- /.content-wrapper -->